@charset "UTF-8";
/*初始化开始*/
input, textarea {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  line-height: normal; }

p, h1, h2, h3, h4, h5, h6 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

a, a:hover, a:active, a:visited {
  color: #333333; }

del {
  margin-left: 5px; }

i {
  font-style: normal; }

img {
  width: 100%; }

/*初始化结束*/
html {
  font-size: 62.5%; }

body {
  font-size: 1.4rem;
  background: #f5f5f5;
  color: #333333;
  padding-bottom: 4rem; }

/*mixin*/
/*公用类开始*/
.flex {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center; }

.white-background {
  background: #ffffff; }

.border-bottom-add {
  border-bottom: 1px solid #efefef; }

.border-top-add {
  border-top: 1px solid #efefef; }

.border-add {
  border: 1px solid #efefef; }

.select-class {
  background: #ff9600;
  color: #ffffff; }

.theme-color {
  color: #ff9600; }

.gray-color {
  color: #666666; }

.pure-gray {
  color: #999999; }

.common-color {
  color: #333333; }

.money-color {
  color: #ff4f00; }

.reset-font {
  font-size: 1rem; }

.xs-font {
  font-size: 1.2rem; }

.sm-font {
  font-size: 1.4rem; }

.md-font {
  font-size: 1.6rem; }

.lg-font {
  font-size: 1.8rem; }

.reset-line-height {
  line-height: 1; }

.set-line-height {
  line-height: 1.5em; }

.md-line-height {
  line-height: 2.5em; }

.am-tabs-bd {
  border: none; }

/*公用类结束*/
/*样式开始*/
.am-nav > li.am-active > a,
.am-nav > li.am-active > a:hover,
.am-nav > li.am-active > a:focus {
  color: #ff9600 !important;
  background: #FFFFFF;
  border-bottom: 3px solid #ff9600; }

.footer-nav {
  position: fixed;
  height: 4rem;
  bottom: 0;
  z-index: 100;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center; }
  .footer-nav .yellow-btn, .footer-nav .red-btn {
    width: 100%;
    height: 4rem;
    color: #ffffff;
    line-height: 2.5rem; }
  .footer-nav .yellow-btn {
    background: #ff9600; }
  .footer-nav .red-btn {
    background: #ff4f00; }

.norm-choose span {
  background: #666666;
  color: #ffffff;
  padding: 0.2rem 0.4rem;
  line-height: 1.5; }

/*.am-btn:link,.am-btn:visited, .am-btn:hover,.am-btn:active{
  color: $white-color;
}*/
.theme1 {
  position: relative; }
  .theme1 .banner img {
    width: 100%; }
  .theme1 p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .theme1 .user-avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 7rem;
    height: 7rem;
    position: relative;
    margin: -3.5rem auto 0; }
    .theme1 .user-avatar img {
      width: 7rem;
      height: 7rem;
      border: 1px solid rgba(200, 191, 231, 0.7); }
  .theme1 .shop-title {
    color: #ff9600;
    font-size: 1.6rem;
    text-align: center; }
  .theme1 .shop-info {
    color: #999999;
    text-align: center;
    font-size: 1.2rem; }
    .theme1 .shop-info span {
      border-right: 1px solid #efefef;
      padding-right: 1rem;
      margin-right: 1rem; }
  .theme1 .shop-intro {
    color: #666666;
    text-align: center;
    padding: 0 5rem 1rem;
    margin: 0;
    line-height: 1.8em;
    min-height: 3.6em; }

.theme2 {
  position: relative; }
  .theme2 .banner img {
    width: 100%; }
  .theme2 .user-avatar {
    border-radius: 2px;
    overflow: hidden;
    width: 7rem;
    height: 7rem;
    position: relative;
    margin: -2rem 0 0 2rem;
    display: inline-block; }
    .theme2 .user-avatar img {
      width: 7rem;
      height: 7rem;
      border: 1px solid rgba(200, 191, 231, 0.7); }
  .theme2 .shop-title {
    color: #333333;
    font-size: 1.8rem;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0.5rem 0 0.5rem 1rem;
    font-weight: bold; }
  .theme2 .shop-info {
    color: #666666;
    text-align: left;
    display: inline-block;
    margin: 3rem 0 0.5rem 1rem;
    position: absolute;
    left: 9rem;
    font-size: 1.2rem; }
    .theme2 .shop-info span {
      border-right: 1px solid #efefef;
      padding-right: 1rem;
      margin-right: 1rem; }
  .theme2 .shop-intro {
    color: #666666;
    text-align: left;
    padding: 0 2rem 1rem 2rem;
    margin: 0;
    line-height: 1.8em;
    min-height: 3.6em; }

.add-cart {
  width: 2rem;
  height: 2rem;
  position: absolute;
  background: url("../images/gobuy.png") no-repeat;
  background-size: 2rem; }

ul.am-nav.am-tabs-nav.shop-nav-style {
  overflow-x: auto;
  white-space: nowrap;
  height: 3em;
  border-top: 1px solid #efefef; }
  ul.am-nav.am-tabs-nav.shop-nav-style li, ul.am-nav.am-tabs-nav.shop-nav-style li.active {
    display: inline-block;
    width: 25%;
    margin-top: 0; }

.pro-type .pro-list-unsort-content {
  display: none; }

.pro-type .pro-block-sort-content {
  display: none; }

.pro-type .pro-list-sort-content {
  display: none; }

.pro-type .pro-block-unsort-content {
  display: none; }

.pro-type:nth-child(1) * {
  display: block; }

.proBlock .pro-block-sort-content {
  position: relative; }
  .proBlock .pro-block-sort-content img {
    border: 1px solid #efefef; }
  .proBlock .pro-block-sort-content p {
    margin: 0.5rem 0 0 0;
    /*
  一般文本超过一定行数需要被截断，那么，现在有两种情况，
  1：超过，则被截断
  2：没有超过，那么不会用到截断
  这两种有什么区别呢？
  就是截断的时候，最后一行文本的的底部是“没有间隙的”，进而衍生一些问题：
  很多横向排列的浮动元素块，块元素高度都是使用正常文本流，那么一个使用到截断的块和没有使用截断的块，
  在高度有了细微的差别，即“间隙”造成的高度不同，进而影响了后面的浮动元素，因为没有截断的块会向下顶出一个“间隙”，使后面的元素排列超出了预料，
  解决办法就是使用高度定死，这个高度是随着行高变化的，设置一个默认行高，一般来说，使用截断的文本块:高度="行高*换行数"，
  此时使用em为单位，正好消除比例问题*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.8em;
    min-height: 3.6em; }
  .proBlock .pro-block-sort-content .add-cart {
    bottom: 0.5rem;
    right: 1rem; }
  .proBlock .pro-block-sort-content:last-child {
    float: left; }

.proList .pro-list-sort-content {
  position: relative;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid #efefef; }
  .proList .pro-list-sort-content img {
    border: 1px solid #efefef;
    max-width: 10rem;
    max-height: 10rem; }
  .proList .pro-list-sort-content p {
    margin-top: 0;
    margin-bottom: 2em;
    /*
  一般文本超过一定行数需要被截断，那么，现在有两种情况，
  1：超过，则被截断
  2：没有超过，那么不会用到截断
  这两种有什么区别呢？
  就是截断的时候，最后一行文本的的底部是“没有间隙的”，进而衍生一些问题：
  很多横向排列的浮动元素块，块元素高度都是使用正常文本流，那么一个使用到截断的块和没有使用截断的块，
  在高度有了细微的差别，即“间隙”造成的高度不同，进而影响了后面的浮动元素，因为没有截断的块会向下顶出一个“间隙”，使后面的元素排列超出了预料，
  解决办法就是使用高度定死，这个高度是随着行高变化的，设置一个默认行高，一般来说，使用截断的文本块:高度="行高*换行数"，
  此时使用em为单位，正好消除比例问题*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.8em;
    min-height: 3.6em; }
  .proList .pro-list-sort-content span {
    line-height: 1; }
  .proList .pro-list-sort-content .add-cart {
    bottom: 0.5rem;
    right: 1rem; }

.proLargeImg .pro-list-unsort-content {
  position: relative; }
  .proLargeImg .pro-list-unsort-content img {
    min-height: 16rem;
    border: 1px solid #efefef; }
  .proLargeImg .pro-list-unsort-content .add-cart {
    right: 1rem;
    bottom: 0.5rem; }

.proMultiImg .pro-block-unsort-content {
  position: relative;
  border-bottom: 1px solid #efefef; }
  .proMultiImg .pro-block-unsort-content img {
    border: 1px solid #efefef; }
  .proMultiImg .pro-block-unsort-content .add-cart {
    right: 1rem;
    bottom: 0.5rem; }

#cart {
  position: absolute;
  width: 5rem;
  height: 5rem;
  background: url("../images/cartfloat.png") no-repeat;
  background-size: 5rem;
  z-index: 111;
  right: 2rem;
  top: 60rem; }

.cart-true:after {
  content: "";
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: #ff4f00;
  border: 2px solid #efefef;
  border-radius: 50%;
  left: 4rem;
  top: 1rem; }

.plus-icon {
  width: 1rem;
  height: 1rem;
  background: url("../images/pc.png") 0 0 no-repeat;
  background-size: 2rem 1rem; }

.cut-icon {
  width: 1rem;
  height: 1rem;
  background: url("../images/pc.png") -1rem 0 no-repeat;
  background-size: 2rem 1rem; }

#header-nav {
  background: rgba(0, 0, 0, 0.35);
  height: 3rem;
  color: #ffffff;
  position: absolute;
  z-index: 2; }
  #header-nav .am-u-sm-1, #header-nav .am-u-sm-2, #header-nav .am-u-sm-5 {
    height: 3rem;
    line-height: 3rem; }
  #header-nav img {
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgba(200, 191, 231, 0.7); }
  #header-nav a {
    color: #ffffff; }

.cart-shop-pro {
  height: 10rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center; }
  .cart-shop-pro img {
    border: 1px solid #efefef;
    width: 8rem;
    height: 8rem;
    margin-left: 0.5rem;
    margin-right: 1rem; }
  .cart-shop-pro div.cart-list {
    width: 60%; }
    .cart-shop-pro div.cart-list p.pro-title {
      /*
  一般文本超过一定行数需要被截断，那么，现在有两种情况，
  1：超过，则被截断
  2：没有超过，那么不会用到截断
  这两种有什么区别呢？
  就是截断的时候，最后一行文本的的底部是“没有间隙的”，进而衍生一些问题：
  很多横向排列的浮动元素块，块元素高度都是使用正常文本流，那么一个使用到截断的块和没有使用截断的块，
  在高度有了细微的差别，即“间隙”造成的高度不同，进而影响了后面的浮动元素，因为没有截断的块会向下顶出一个“间隙”，使后面的元素排列超出了预料，
  解决办法就是使用高度定死，这个高度是随着行高变化的，设置一个默认行高，一般来说，使用截断的文本块:高度="行高*换行数"，
  此时使用em为单位，正好消除比例问题*/
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 1.5em;
      min-height: 3em; }
  .cart-shop-pro .order-list {
    width: auto !important;
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 65%;
    min-width: 63%; }
    .cart-shop-pro .order-list p.pro-title {
      /*
  一般文本超过一定行数需要被截断，那么，现在有两种情况，
  1：超过，则被截断
  2：没有超过，那么不会用到截断
  这两种有什么区别呢？
  就是截断的时候，最后一行文本的的底部是“没有间隙的”，进而衍生一些问题：
  很多横向排列的浮动元素块，块元素高度都是使用正常文本流，那么一个使用到截断的块和没有使用截断的块，
  在高度有了细微的差别，即“间隙”造成的高度不同，进而影响了后面的浮动元素，因为没有截断的块会向下顶出一个“间隙”，使后面的元素排列超出了预料，
  解决办法就是使用高度定死，这个高度是随着行高变化的，设置一个默认行高，一般来说，使用截断的文本块:高度="行高*换行数"，
  此时使用em为单位，正好消除比例问题*/
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 1.5em;
      min-height: 3em; }

.cart-pro-handle a.am-btn {
  border: 1px solid #cccccc; }

.cart-fixed {
  position: fixed;
  bottom: 0;
  height: 4rem;
  box-shadow: 0 -1px 2px 1px #efefef;
  z-index: 100; }
  .cart-fixed a {
    background: #ff4f00;
    color: #ffffff;
    width: 100%;
    height: 4rem;
    line-height: 2.5rem; }

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  display: none; }

.pop-box {
  position: fixed;
  bottom: 0;
  max-height: 28rem;
  overflow-y: auto;
  z-index: 101;
  display: none; }
  .pop-box img {
    border: 1px solid #efefef; }
  .pop-box button {
    height: 4rem;
    color: #ffffff; }
  .pop-box button.directBuy {
    background: #ff4f00; }
  .pop-box .num-select {
    height: 6rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center; }
    .num-box {
      height: 2.4rem;
      width: 12rem;
      border: 1px solid #999999;
      border-radius: 5px;
      overflow: hidden;
      background: #efefef; }
      .num-box span {
        width: 3.8rem;
        height: 2.4rem; }
      .num-box input {
        width: 4rem;
        height: 2.4rem;
        border: none;
        font-size: 1.2rem;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999; }

.express-circle {
  position: relative;
  z-index: 2; }
  .express-circle:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10rem;
    position: absolute;
    left: 50%;
    background: #efefef; }

.express-false {
  overflow: hidden; }
  .express-false .express-circle {
    width: 1rem;
    height: 1rem;
    background: #ff9600; }
    .express-false .express-circle:after {
      top: 1rem; }
  .express-false p {
    color: #ff9600; }

.express-true {
  overflow: hidden; }
  .express-true .express-circle {
    width: 0.8rem;
    height: 0.8rem;
    background: #999999; }
    .express-true .express-circle:after {
      top: 0.8rem; }
    .express-true .express-circle:before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 1rem;
      position: absolute;
      left: 50%;
      background: #efefef;
      top: -1rem; }

.address-box {
  background: url("../images/addressBg.png") repeat-x;
  background-size: auto 100%; }

.order-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") 0 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.express-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -1.6rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.address-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -3.2rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.shop-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -4.8rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.share-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -6.4rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.cart-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -8rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.sort-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -9.6rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.un-sort-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -11.2rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.home-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -12.8rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.un-home-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -14.4rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.more-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -16rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.search-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -17.6rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.like-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -19.2rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.list-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -20.8rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.edit-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -22.4rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.add-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -24rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.check-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -25.6rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.uncheck-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -27.2rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.close-icon {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icons.png") -28.8rem 0 no-repeat;
  background-size: 30.4rem 1.6rem;
  vertical-align: middle; }

.order-footer {
  position: fixed;
  bottom: 0; }

.add-new-icon {
  width: 3.2rem;
  height: 3.2rem;
  background: url("../images/addadd.png") no-repeat;
  background-size: 3.2rem;
  vertical-align: middle; }

.address-manage {
  position: fixed;
  display: none;
  overflow-y: auto;
  bottom: 0;
  z-index: 101;
  max-height: 30rem; }
  .address-manage .am-u-sm-3 span {
    display: inline-block;
    vertical-align: middle; }
  .address-manage button {
    width: 60%; }
  .address-manage button.delete-address {
    border: 1px solid #666666; }
  .address-manage input {
    line-height: normal; }
  .address-manage .am-g {
    display: flex;
    align-items: center; }
  .address-manage .am-g:nth-child(1), .address-manage .am-g:nth-last-child(1) {
    display: block; }

input.am-form-field {
  border: none; }
  input.am-form-field:focus {
    border: none;
    outline: none;
    box-shadow: none; }

.address-list {
  width: 50%;
  height: 22rem;
  overflow-y: auto;
  background: #ffffff;
  position: absolute;
  z-index: 110; }

.pay-agent-wechat {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../images/payment.png") no-repeat 0 0;
  background-size: 18rem 4.5rem; }

.pay-agent-wechat-un {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../images/payment.png") no-repeat -4.5rem 0;
  background-size: 18rem 4.5rem; }

.pay-agent-alipay {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../images/payment.png") no-repeat -9rem 0;
  background-size: 18rem 4.5rem; }

.pay-agent-alipay-un {
  width: 4.5rem;
  height: 4.5rem;
  background: url("../images/payment.png") no-repeat -13.5rem 0;
  background-size: 18rem 4.5rem; }

.go-pay {
  width: 60%; }

.share-store {
  background: url("../images/bg.png") no-repeat center top;
  background-size: 100% auto;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 115;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.search-input, .search-input:focus {
  background: #f5f5f5; }

.search-btn:focus {
  outline: none;
  color: #ff9600;
  -webkit-tap-highlight-color: transparent;
  border: none; }

.search-btn:active {
  box-shadow: none;
  -webkit-tap-highlight-color: transparent; }

.search-btn:visited {
  color: #ff9600; }

.phone-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/login.png") no-repeat 0 0;
  background-size: 4.5rem 1.5rem;
  vertical-align: middle; }

.code-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/login.png") no-repeat -1.5rem 0;
  background-size: 4.5rem 1.5rem;
  vertical-align: middle; }

.password-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/login.png") no-repeat -3rem 0;
  background-size: 4.5rem 1.5rem;
  vertical-align: middle; }

.form-group {
  text-align: left;
  padding: 0.5rem;
  position: relative; }
  .form-group input {
    display: inline-block !important;
    width: auto; }
  .form-group button {
    width: 65%; }
  .form-group .getCode {
    position: absolute;
    right: 1rem;
    top: 0.7rem; }

.pop-window {
  position: absolute;
  width: 80%;
  background-color: #ffffff;
  z-index: 120;
  display: none;
  box-sizing: border-box;
  border-radius: 5px; }

a.foo-nav, a.foo-nav:visited {
  color: #3b8fd8; }

.float-right-special {
  margin-top: 0.4rem; }

.emptyMsg {
  padding-top: 12rem;
  padding-bottom: 2rem; }

.empty-Cart {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyCart.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Order {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyOrder.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Search {
  width: 100%;
  height: 20rem;
  background: url("../images/emptySearch.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Error {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyError.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Product {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyProduct.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Login {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyLogin.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Store {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyStore.png") no-repeat;
  background-size: 100% 20rem; }

.empty-Pro {
  width: 100%;
  height: 20rem;
  background: url("../images/emptyPro.png") no-repeat;
  background-size: 100% 20rem; }

.search-tag .search-word {
  float: left;
  max-width: 30%;
  padding: 0.2rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.search-clear {
  position: fixed;
  bottom: 0;
  line-height: 2em; }

.share-container {
  width: 86%; }
  .share-container .swiper-container {
    box-shadow: 0px 0px 2px 2px #efefef; }
  .share-container .share-box {
    width: 100%;
    position: relative;
    z-index: 10; }

.swiper-pagination-bullet-active {
  background: #ff9600 !important; }

.py-btn, .py-btn:link, .py-btn:visited, .py-btn:hover, .py-btn:active {
  color: #ffffff; }

.am-form-field {
  line-height: normal !important; }

.loading {
  visibility: hidden; }

/*样式结束*/
/*media query ,针对不容大小的设备*/
@media screen and (max-width: 320px) {
  html {
    font-size: 50%; }
  body {
    font-size: 1.4rem; } }

@media screen and (max-width: 640px) and (min-width: 414px) {
  html {
    font-size: 65%; }
  body {
    font-size: 1.4rem; } }

@media screen and (min-width: 640px) {
  html {
    font-size: 100%; }
  body {
    font-size: 1.4rem; } }
